<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="js/common/jquery-2.1.4.min.js"></script>
  <script src="js/common/rem.js"></script>
  <script src="js/common/shanxi.js"></script>

  <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="./css/common.css" />
  <link rel="stylesheet" href="./css/animate.min.css" />
  <link rel="stylesheet" href="./css/animate.css" />
  <link rel="stylesheet" href="./css/index.css" />
  <link rel="stylesheet" href="./css/bjtj.css" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/zzbm.css" />
</head>

<body style="overflow: hidden">
  <div style="display: block;">
    <!-- 背景 -->
    <img src="./images/back_top.png" alt="" class="back_top">
    <img src="./images/back_bottom.png" alt="" class="back_bottom">
    <img src="./images/back_left.png" alt="" class="back_left">
    <img src="./images/back_right.png" alt="" class="back_right">
    <div class="top_zhezhao"></div>
    <div class="bottom_zhezhao"></div>
    <!-- 头部 -->
    <div class="header flexbetween">
        <div>
            <div class="fontyoushe font36 mt10">长河自助便民终端运行一张图</div>
        </div>
        <div>
            <div class="timebox text-center lh30 pull-left">
                <div class="fontding font30  nowTime">14:41:01</div>
                <div class="font16  "><span class="nowWeek"></span><span class="nowYear">2023-08-15</span></div>
            </div>
            <img src="./images/logo.png" alt="" class="ml30 mt10 pull-left" style="width: 105rem;">
        </div>
    </div>
  </div>
  <!-- 顶部数据 -->
  <div class="flexaround">
    <div class="bigdata_box flexaround">
      <div>
        <div class="name bluetwo">终端总数</div>
        <div class="mt10">
          <span class="fontding font24 text-xie mr5">368</span>台
        </div>
      </div>
      <div>
        <img src="./images/index/icon_fgx.png" alt="" style="width: 25rem;">
      </div>
      <div>
        <div class="name green">村级</div>
        <div class="mt10">
          <img src="./images/index/green.png" style="width: 25rem; margin-top: -7rem;">
          <span class="fontding font24 text-xie mr5">89</span>台
        </div>
      </div>
      <div>
        <img src="./images/index/icon_fgx.png" alt="" style="width: 25rem;">
      </div>
      <div>
        <div class="name blue">乡级</div>
        <div class="mt10">
          <img src="./images/index/blue.png" style="width: 25rem; margin-top: -7rem;">
          <span class="fontding font24 text-xie mr5">253</span>台
        </div>
      </div>
      <div>
        <img src="./images/index/icon_fgx.png" alt="" style="width: 25rem;">
      </div>
      <div>
        <div class="name red">县级</div>
        <div class="mt10">
          <img src="./images/index/red.png" style="width: 25rem; margin-top: -7rem;">
          <span class="fontding font24 text-xie mr5">24</span>台
        </div>
      </div>
      <div>
        <img src="./images/index/icon_fgx.png" alt="" style="width: 25rem;">
      </div>
      <div>
        <div class="name">市级</div>
        <div class="mt10">
          <img src="./images/index/orange.png" style="width: 25rem; margin-top: -7rem;">
          <span class="fontding font24 text-xie mr5">2</span>台
        </div>
      </div>
    </div>
  </div>
  <div class="rightBox animated animate__fadeInRightBig">
    <div class="boxCard" style="visibility: hidden;">
      <div class="boxCardTitle">
        各模块使用次数统计
      </div>
      <div id="moduleUsedCount" style="height: 270rem; background: none;"></div>
    </div>
    <div class="boxCard mt20" style="visibility: hidden;">
      <div class="boxCardTitle">
        操作行为统计
      </div>
      <div class="use-map-box">
        <div class="ues-map-top">
          <div class="use-title-box">
            <div class="use-title-item-box">
              <div class="use-title-box-item">
                <div style="background: #96BFFF" class="use-title-box-item-circle"></div>
                <div class="use-title-box-item-text">其他行为</div>
              </div>
              <div class="use-title-num-box"><span>6.08%</span></div>
            </div>
            <div class="use-title-item-box" style="margin-top: 24rem;">
              <div class="use-title-box-item">
                <div style="background: #5AD8A6" class="use-title-box-item-circle"></div>
                <div class="use-title-box-item-text">证明申报</div>
              </div>
              <div class="use-title-num-box"><span>3.62%</span></div>
            </div>
          </div>
          <div class="use-map-bg" id="actionCount"></div>
          <div class="use-title-box">
            <div class="use-title-item-box">
              <div class="use-title-box-item">
                <div style="background: #66E1DF" class="use-title-box-item-circle"></div>
                <div class="use-title-box-item-text">查指南</div>
              </div>
              <div class="use-title-num-box"><span>33.75%</span></div>
            </div>
            <div class="use-title-item-box" style="margin-top: 24rem;">
              <div class="use-title-box-item">
                <div style="background: #ce2772" class="use-title-box-item-circle"></div>
                <div class="use-title-box-item-text">身份证打印</div>
              </div>
              <div class="use-title-num-box"><span>20.37%</span></div>
            </div>
          </div>
        </div>
        <div class="use-item-case">
          <div class="use-title-item-box">
            <div class="use-title-box-item">
              <div style="background: #D37295" class="use-title-box-item-circle"></div>
              <div class="use-title-box-item-text">申请表打印</div>
            </div>
            <div class="use-title-num-box"><span>4.67%</span></div>
          </div>
          <div class="use-title-item-box">
            <div class="use-title-box-item">
              <div style="background: #F6BD16" class="use-title-box-item-circle"></div>
              <div class="use-title-box-item-text">打印凭证</div>
            </div>
            <div class="use-title-num-box"><span>4.85%</span></div>
          </div>
          <div class="use-title-item-box">
            <div class="use-title-box-item">
              <div style="background: #6F5EF9" class="use-title-box-item-circle"></div>
              <div class="use-title-box-item-text">事项申报</div>
            </div>
            <div class="use-title-num-box"><span>12.9%</span></div>
          </div>
          <div class="use-title-item-box">
            <div class="use-title-box-item">
              <div style="background: #0092FF" class="use-title-box-item-circle"></div>
              <div class="use-title-box-item-text">便民查询</div>
            </div>
            <div class="use-title-num-box"><span>13.76%</span></div>
          </div>
        </div>
      </div>
    </div>
    <div class="boxCard mt20">
      <div class="boxCardTitleThree">
        事项访问统计
      </div>
      <div class="chooseBtnGroup flex mt10 perTownCount">
        <div class="active" data-type="zw">政务事项</div>
        <div data-type="zm">证明事项</div>
      </div>
      <table class="mytable mt10" style="table-layout: fixed;">
        <thead>
          <tr>
            <th style="width: 20%">序号</th>
            <th style="width: 60%; text-align: left;">事项名称</th>
            <th style="width: 20%; text-align: left;">使用次数</th>
          </tr>
        </thead>
      </table>
      <div id="administrative_container" style="height: 180rem; overflow: hidden">
        <table id="administrative_hotCon" class="mytable" style="table-layout: fixed"></table>
      </div>
    </div>
  </div>
</body>

</html>

<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="./js/head/showTime.js"></script>
<script src="./js/index/zzbm.js"></script>